<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Palindrome Checker</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <h1>Is it a Palindrome?</h1>
  <div class="checker">
    <label for="text-input">Enter in text to check for a palindrome:</label>
    <input id="text-input" value="">
    <button id="check-btn">Check</button>
    <p id="result"></p>
  </div>
  <div class="tip">💡 A palindrome is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing.</div>
  <script src="script.js"></script>
</body>

</html>
